/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary,:focus{outline:0;}
*:disabled{pointer-events:none;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,b{font-weight:normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a:hover{color:#C99D68}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 "Microsoft Yahei","Tahoma","SimSun";color:#333;outline:0;}
body{background:#f3f2f2}
img{vertical-align: top;}
table{width:100%;}
.left{float:left;}
.right{float:right;}
a{color:#333;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{height:1%;}
.cGold,.cGold:active{color:#A17E41}
.cRed,.cRed:hover{color:#F64349;}
.cBlue,.cBlue:hover{color:#2491DD;}
.cGray,.cGray:hover{color:#999;}
.cGreen,.cGreen:hover{color:#67C23A;}
.container{width:1200px;margin-left:auto;margin-right:auto;}
[v-loack]{visibility: hidden;}
.top-bar{height: 32px;line-height: 32px;background: #333;font-size: 12px;color: #435353;}
.top-bar a{color: #fff;padding: 0 3px;}

.top-header{height: 108px;background: #fff;border-bottom: 1px solid #DCDFE6;}
.top-header .logo{display: block;width: 177px;height: 47px;float: left;margin: 32px 0 0 0;}
.header-nav{height: 108px;margin-left: 40px;float: left;}
.header-nav li{float: left;}
.header-nav li a{float: left;height: 102px;line-height: 102px;font-size: 18px;border-bottom: 6px solid #fff;padding: 0 20px;}
.header-nav li a.on{color: #C99D68;border-bottom: 6px solid #A17E41;}
.header-nav li a:hover{color: #C99D68;}

.header-rnav a{height: 108px;display: block;width: 100px;float: left;font-size: 18px;color: #A17E41;line-height: 108px;padding: 0 20px;text-align: center;position: relative;z-index: 10;}
.header-rnav a:hover{background: #f2f2f2;}
.header-rnav a i{display: inline-block;width: 24px;height: 24px;background-image: url('../images/nav_icon.png');position: relative;bottom: -4px;}
.header-rnav a i.i2{background-position: 0 -24px;}
.header-rnav a:hover .wechat-img{display: block;}
.header-rnav .wechat-img{width: 94px;height: 94px;position: absolute;top: 108px;left: 50%;margin-left: -57px;padding: 10px;background: #fff;border: 1px solid #ddd;box-shadow: 0 3px 3px rgba(0, 0, 0, .2);display: none;}
.header-rnav .wechat-img::before{content: "";display: block;width: 0;height: 0;overflow: hidden;border-style: dashed dashed solid;border-color:  transparent transparent #ccc;border-width: 8px;position: absolute;left: 50%;top: -17px;margin-left: -8px;}
.header-rnav .wechat-img::after{content: "";display: block;width: 0;height: 0;overflow: hidden;border-style: dashed dashed solid;border-color:  transparent transparent #fff;border-width: 8px;position: absolute;left: 50%;top: -16px;margin-left: -8px;}

.title-bar{font-size:26px;border-left:10px solid #A17E41;height:24px;line-height:24px;padding-left:10px;margin-bottom:30px;}
.guide-list{margin-top:10px;padding-left:20px;}

.footer{background:#fff;border-top:1px solid #E4E0E0;padding-top: 1px;margin-top: 40px;}
.footer-title{font-size:24px;border-left:10px solid #A17E41;height:24px;line-height:24px;padding-left:10px;margin: 40px 0;}
.guide-list{margin-top:10px;padding-left:20px;border-bottom:1px solid #E4E0E0;}
.guide-list li{width:295px;height:70px;padding-bottom:40px;float:left;}
.guide-list li i{display:block;width:70px;height:70px;float:left;background-image:url('../images/guide_list_icons.png');margin:0 20px;}
.guide-list li i.i1{background-position:0 0;}
.guide-list li i.i2{background-position:0 -70px;}
.guide-list li i.i3{background-position:0 -140px;}
.guide-list li i.i4{background-position:0 -210px;}
.guide-list h3{font-size:16px;padding-top:12px;font-weight:600;}
.guide-list p{color:#999;margin-top:2px;}
.service-container{padding:25px 30px 40px;}
.aboutus-list{float:left;width:350px;margin-top:13px;overflow: hidden;}
.aboutus-list li{float:left;width:33%;height:30px;line-height:30px;}
.service-qr{width:459px;padding-top:11px;position:relative;left:-20px;border-left:1px solid #E4E0E0;}
/* .service-qr li{float:left;text-align:center;width:50%;} */
.cooperations li{float: left;width: 178px;height: 88px;border: 1px solid #eee;overflow: hidden;margin-right: 20px;margin-bottom: 10px;}
.cooperations li:hover{box-shadow: 0 1px 1px rgba(0,0,0,.1);}
.service-qr li{margin:0 auto;text-align:center;width:50%;}
.service-qr li p{padding-top:10px;}
.service-list{font-size:12px;text-align:center;width:330px;position:relative;}
.service-list .udesk{display:inline-block;border:#A17E41 1px solid;color:#A17E41;padding:3px 10px;margin:14px 0 10px 0;}
.service-list .udesk:hover{background:#A17E41;color:#fff;text-decoration:none;}
.service-list .telphone{font-size:20px;color:#A17E41;}
.service-list .border-left{border-left:1px solid #E4E0E0;position:absolute;top:10px;bottom:10px;width:1px;overflow:hidden;}
.copyright{background:#2A2B2C;color:#999;text-align:center;padding:44px 0 36px;line-height:2;}
.copyright a{color:#999;}
.fixed-nav-wrapper{position:fixed;width:52px;top:61.8%;right:14px;margin-top:-124.53px;z-index:10;box-shadow:0 0 16px rgba(0,0,0,0.12),0 6px 6px rgba(200,200,200,0.24);}
.fixed-nav li{background-repeat:no-repeat;height:51px;border-bottom:1px solid #efefef;background-image:url('../images/fixed_nav.png');background-color:#fff;transition:all .3s;position:relative;}
.footer-with-logo{text-align:center;margin-bottom:7px;}
.footer-with-logo span{display:inline-block;background-image:url('../images/footer_with_logo.png');height:30px;margin:0 3px;}
.footer-with-logo a{display:block;height:30px;}
.footer-with-logo-icp{width:112px;}
.footer-with-logo-netservice{width:110px;background-position:0 -30px;}
.footer-with-logo-vsafe{width:107px;background-position:0 -60px;}

.mt20{margin-top: 20px;overflow: hidden;}